<script lang="ts" setup>
defineOptions({
  name: "VideoIndex"
});
import VideoScrollY from "./VideoScrollY.vue";
</script>

<template>
  <div class="video">
    <div class="van-safe-area-top"></div>
    <VideoScrollY />
    <div class="van-safe-area-bottom"></div>
  </div>
</template>

<style lang="less" scoped>
.video {
  ::deep(.home-scrollX-tabs) {
    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%);
    .scrollX {
      background-color: transparent;
      .scroll-item {
        background-color: transparent;
        color: #ffffff;
        &.active {
          background-image: none;
          box-shadow: none;
          background-color: rgba(255, 255, 255, 0.2);
        }
      }
    }
  }
}
</style>
